<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Subas || Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->


    <!-- All CSS Files -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <!-- Nivo-slider css -->
    <link rel="stylesheet" href="../static/css/nivo-slider.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="../static/css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="../static/css/shortcodes.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="../static/css/style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="../static/css/responsive.css">
    <!-- User style -->
    <link rel="stylesheet" href="../static/css/custom.css">

    <!-- Style customizer (Remove these two lines please) -->
    <link rel="stylesheet" href="../static/css/style-customizer.css">
    <link href="" data-style="styles" rel="stylesheet">

    <!-- Modernizr JS -->
    <script src="static/js/modernizr-3.11.2.min.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="slider-area plr-185 mb-80 section">
            <div class="container-fluid">
                <div class="slider-content">
                    <div class="active-slider-1 slick-arrow-1 slick-dots-1">
                        <!-- layer-1 Start -->
                        <div class="col-lg-12">
                            <div class="layer-1">
                                <div class="slider-img">
                                    <img src="../static/picture/110.jpg" alt="">
                                </div>
                                <div class="slider-info gray-bg">
                                    <div class="slider-info-inner">
                                        <h1 class="slider-title-1 text-uppercase text-black-1">WaterProof smartphone</h1>
                                        <div class="slider-brief text-black-2">
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority
                                                have suffered alteration in some form, by injected humour, or randomised words
                                                which don't look even slightly believable. If you are going to use a passage of
                                                Lorem Ipsum,</p>
                                        </div>
                                        <a href="#" class="button extra-small button-black">
                                            <span class="text-uppercase">Buy now</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- layer-1 end -->
                        <!-- layer-1 Start -->
                        <div class="col-lg-12">
                            <div class="layer-1">
                                <div class="slider-img">
                                    <img src="../static/picture/27.jpg" alt="">
                                </div>
                                <div class="slider-info gray-bg">
                                    <div class="slider-info-inner">
                                        <h1 class="slider-title-1 text-uppercase text-black-1">WaterProof smartphone</h1>
                                        <div class="slider-brief text-black-2">
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority
                                                have suffered alteration in some form, by injected humour, or randomised words
                                                which don't look even slightly believable. If you are going to use a passage of
                                                Lorem Ipsum,</p>
                                        </div>
                                        <a href="#" class="button extra-small button-black">
                                            <span class="text-uppercase">Buy now</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- layer-1 end -->
                        <!-- layer-1 Start -->
                        <div class="col-lg-12">
                            <div class="layer-1">
                                <div class="slider-img">
                                    <img src="../static/picture/110.jpg" alt="">
                                </div>
                                <div class="slider-info gray-bg">
                                    <div class="slider-info-inner">
                                        <h1 class="slider-title-1 text-uppercase text-black-1">WaterProof smartphone</h1>
                                        <div class="slider-brief text-black-2">
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority
                                                have suffered alteration in some form, by injected humour, or randomised words
                                                which don't look even slightly believable. If you are going to use a passage of
                                                Lorem Ipsum,</p>
                                        </div>
                                        <a href="#" class="button extra-small button-black">
                                            <span class="text-uppercase">Buy now</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- layer-1 end -->
                    </div>
                </div>
            </div>
        </div>
</div>

    <!-- jquery latest version -->
    <script src="../static/js/jquery-3.6.0.min.js"></script>
    <script src="../static/js/jquery-migrate-3.3.2.min.js"></script>
    <!-- Bootstrap framework js -->
    <script src="../static/js/bootstrap.bundle.min.js"></script>
    <!-- jquery.nivo.slider js -->
    <script src="../static/js/jquery.nivo.slider.js"></script>
    <!-- All js plugins included in this file. -->
    <script src="../static/js/plugins.js"></script>
    <!-- Main js file that contents all jQuery plugins activation. -->
    <script src="../static/js/main.js"></script>
</body>
</html>